<!--
 * @Author: your name
 * @Date: 2020-02-25 13:32:39
 * @LastEditTime: 2020-03-19 13:47:30
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \福路德扫码系统\html\cksm.html
 -->
<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0,viewport-fit=cover" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>Hello APP</title>
	<link rel="stylesheet" type="text/css" href="../css/vant.css">
	<link rel="stylesheet" type="text/css" href="../css/base.css" />
	<link rel="stylesheet" type="text/css" href="../css/local.css" />
	<script type="text/javascript" src="../script/jquery.js"></script>
	<script type="text/javascript" src="../script/vue.min.js"></script>
	<script type="text/javascript" src="../script/vant.min.js"></script>
	<script type="text/javascript" src="../script/fastclick.js"></script>
	<script type="text/javascript" src="../script/base.js"></script>
	<script type="text/javascript" src="../script/app-tree.js"></script>
	<style type="text/css">
		.center {
			text-align: center;
		}

		.van-nav-bar {
			box-shadow: none;
		}

		.van-hairline--bottom::after {
			border-bottom-width: 0;
		}

		#app>.box>.content {
			background: #ffffff;
		}

		.pd {
			padding: 10px;

		}

		.header {
			padding: 10px;
		}

		.header img {
			width: 60px !important;
		}

		.name {
			padding-top: 18px;
			color: #fff;
		}

		.com {
			color: #fff;
			font-size: 13px;
			margin-top: 5px;
		}

		.m * {
			vertical-align: middle;
			color: #9a9a9a;
		}

		.m img {
			height: 20px;
			margin-right: 5px;
		}

		.sha {
			/* box-shadow: 0px 1px 5px rgb(200, 198, 198); */
		}

		.tag {
			font-size: 12px;
			width: 20px;
			height: 20px;
			display: inline-block;
			vertical-align: middle;
			background: #e40a0a;
			border-radius: 10px;
			text-align: center;
			line-height: 20px;
			color: #fff;
			transform: scale(0.8);
			margin-top: -1px;
		}

		.head {
			position: relative;
		}

		.head-img{
			width: 100%;
		}

		.head-info {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
		}

		.banner-value {
			color: #fff;
			padding: 15px;
			background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
		}

		.banner-value .title {
			font-size: 12px;
		}

		.banner-value .value {
			font-size: 25px;
			padding: 10px 0 30px 0;
		}

		.banner-value .svalue {
			font-size: 18px;
			padding-top: 4px;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="box">

			<div class="content">
				<div class="head">
					<img class="head-img" src="../image/center.png" />
					<div class="head-info">
						<div class="flex-box pd">
							<div>
								<div class="header">
									<img src="../image/we_header.png" />
								</div>
							</div>
							<div class="flex-main">
								<div class="name">{{userData?userData.UserName:'未登录'}}</div>
								<div class="com">汇创H6数字化云平台</div>
							</div>
						</div>
						<!-- <div class="banner-value">
							<van-row gutter="20">
								<van-col span="8">
									<div class="svalue center">{{data.FSupplyNum}}</div>
									<div class="title center">供应商</div>
								</van-col>
								<van-col span="8">
									<div class="svalue center">{{data.ClientNum}}</div>
									<div class="title center">客户</div>
								</van-col>
								<van-col span="8">
									<div class="svalue center">{{data.FZZYG}}</div>
									<div class="title center">在职员工</div>
								</van-col>
							</van-row>
						</div> -->
					</div>

				</div>
				<!-- <div class="pd">
					<div class="sha">
						<van-cell is-link @click="openWin('charts1','营销报表')">
							<div class="m">
								<img slot="icon" src="../image/p-7.png" />
								<span>营销报表</span>
							</div>
						</van-cell>
						<van-cell is-link @click="openWin('kh','客户管理')">
							<div class="m">
								<img slot="icon" src="../image/p-1.png" />
								<span>客户管理</span>
							</div>
						</van-cell>
						<van-cell is-link @click="openPage('userInfo')">
							<div class="m">
								<img slot="icon" src="../image/p-1.png" />
								<span>个人资料</span>
							</div>
						</van-cell>
						<!-- <van-cell is-link @click="openPage('appLog')">
							<div class="m">
								<img slot="icon" src="../image/p-3.png" />
								<span>日志</span>
							</div>
						</van-cell> -->
						<van-cell is-link @click="openPage('setting')">
							<div class="m">
								<img slot="icon" src="../image/p-2.png" />
								<span>设置</span>
							</div>
						</van-cell>
					</div>
				</div> -->

			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	var vm;
	apiready =  function () {

		APP.exitApp();


		vm = new Vue({
			el: '#app',
			data: {
				showLoading: false,
				userData: APP.getUserInfo(),
				data:''
			},
			created: function () {
				var that = this;
				that.getData();
			},
			methods: {
				getData(){
					var that = this;
					APP.ajax('APP_MyPage1', {}, function (res) {
                        that.data = res.ds[0];
                    })
				},
				openPage: function (pageName) {
					var that = this;

					api.openWin({
						name: pageName,
						url: pageName + '.html',
						reload: true,
						slidBackEnabled: false,
						allowEdit: true,
						pageParam: {

						}
					})
				},
				openWin(url,str) {
					var that = this;
					var pageParam = {};
					pageParam.titleName = str;
					api.openWin({
						name: url,
						url: 'module/' + url + '.html',
						reload: true,
						slidBackEnabled: false,
						allowEdit: false,
						pageParam: pageParam
					})
				}

			}
		})
	};
</script>

</html>
